<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="public::head('查看医用耗材引进申请项目')">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8"></meta>

</head>
<body style="padding-top:50px;">
<input type="hidden" th:value="${session.Id}" id="id"/>
<input type="hidden" th:value="${session.Type}" id="Type"/>

<input type="hidden" th:value="${xiangmuId}" id="xiangmuId">

<div id="Haocaiyinjinlist">
    <div class="primary-content">

        <div style="margin-top:15px;text-align: center;font-size:24px">
            <span class="btn btn-info" style="float:left;margin-right:15px;margin-top:10px;"
                  v-on:click="toback()">返回</span>
            <label  style="margin-left: 20px; ">{{xiangmu.xiangmuname}}</label>
            <span class="btn btn-danger" style="float:right;margin-right:15px;margin-top:10px;"
                  v-on:click="toDelete()">删除</span>
        </div>
        <div style="margin-top:15px;text-align: center;font-size:24px">
            <label  style="margin-left: 20px; "></label>

        </div>
        <div id="List">
        </div>
        <!--<table class="table table-hover table-striped" style="table-layout:fixed">
            <thead>
            <th style="text-align:center;vertical-align:middle;width: 50px;">序号</th>
            <th style="text-align:center;vertical-align:middle;">品种</th>
            <th style="text-align:center;vertical-align:middle;">品牌</th>
            <th style="text-align:center;vertical-align:middle;">型号拆分</th>
            <th style="text-align:center;vertical-align:middle;">平台编码</th>
            <th style="text-align:center;vertical-align:middle;">注册证名称</th>
            <th style="text-align:center;vertical-align:middle;">规格</th>
            <th style="text-align:center;vertical-align:middle;">型号</th>
            <th style="text-align:center;vertical-align:middle;">注册证号</th>
            <th style="text-align:center;vertical-align:middle;">生产商</th>
            <th style="text-align:center;vertical-align:middle;">计价单位</th>
            <th style="text-align:center;vertical-align:middle;">平台情况（江苏省/南京市/申请备案）</th>
            <th style="text-align:center;vertical-align:middle;">平台单价（元）</th>
            <th style="text-align:center;vertical-align:middle;">南京市医保码（CLXXXXXXXX)</th>
            <th style="text-align:center;vertical-align:middle;">简要功能用途（20字左右）</th>

            </thead>

            <tbody >
            <tr v-for="(haocaiyinjinitem,index) in haocaiyinjinlist" v-if="show">
                <td style="text-align:center;vertical-align:middle;" v-text="index+1"></td>
                <td style="text-align:center;vertical-align:middle;" v-text="haocaiyinjinitem.pinzhong"></td>
                <td style="text-align:center;vertical-align:middle;" v-text="haocaiyinjinitem.pinpai"></td>
                <td style="text-align:center;vertical-align:middle;" v-text="haocaiyinjinitem.xinghaochaifen"></td>
                <td style="text-align:center;vertical-align:middle;" v-text="haocaiyinjinitem.pingtaibianma"></td>
                <td style="text-align:center;vertical-align:middle;" v-text="haocaiyinjinitem.zhucezhengmingcheng"></td>
                <td style="text-align:center;vertical-align:middle;" v-text="haocaiyinjinitem.guige"></td>
                <td style="text-align:center;vertical-align:middle;" v-text="haocaiyinjinitem.xinghao"></td>
                <td style="text-align:center;vertical-align:middle;" v-text="haocaiyinjinitem.zhucezhenghao"></td>
                <td style="text-align:center;vertical-align:middle;" v-text="haocaiyinjinitem.shengchanshang"></td>
                <td style="text-align:center;vertical-align:middle;" v-text="haocaiyinjinitem.jijiadanwei"></td>
                <td style="text-align:center;vertical-align:middle;" v-text="haocaiyinjinitem.pingtaiqingkuang"></td>
                <td style="text-align:center;vertical-align:middle;" v-text="haocaiyinjinitem.pingtaidanjia"></td>
                <td style="text-align:center;vertical-align:middle;white-space:nowrap;text-overflow: ellipsis; overflow: hidden;" >
                    <a :title="haocaiyinjinitem.nanjingshiyibaoma">{{haocaiyinjinitem.nanjingshiyibaoma }}</a>
                </td>
                <td style="text-align:center;vertical-align:middle;white-space:nowrap;text-overflow: ellipsis; overflow: hidden;">
                    <a :title="haocaiyinjinitem.gongnengyongtu">{{haocaiyinjinitem.gongnengyongtu }}</a>
                </td>


            </tr>

            </tbody>

        </table>-->
        <div v-if="!show" style="text-align:center;width:100%;">查无数据</div>

        <div v-if="show" class="my-page-navigation">
            <button class="btn btn-default" v-on:click="SetPageIndex">首页</button>
            <button class="btn btn-default" v-on:click="SetPageIndexPrePage">上一页</button>
            <span v-text="pageIndex + '  /  ' + pageCount"></span>
            <span v-text="'共' + recordCount + '条品种'"></span>
            <button class="btn btn-default" v-on:click="SetPageIndexNextPage">下一页</button>
            <button class="btn btn-default" v-on:click="SetPageEnd">尾页</button>
            <span>跳到第</span>
            <input type="text" class="form-control" style="width: 80px;display:inline-block;"  v-model="inputPageIndexValue" v-on:keyup.enter="JumpPage">
            <span>页</span>
            <button class="btn btn-default" v-on:click="JumpPage">跳</button>
        </div>
    </div>
</div>

</body>
<script th:src="@{/js/main/list_haocaiyinjin.js}"></script>
<style>
    a {
        text-decoration: none;
        color:#333;
    }
    /*正常的未被访问过的链接*/
    a:link {
        text-decoration: none;
    }
    /*已经访问过的链接*/
    a:visited {
        text-decoration: none;
    }
    /*鼠标划过(停留)的链接*/
    a:hover {
        text-decoration: none;
    }
    /* 正在点击的链接*/
    a:active {
        text-decoration: none;
    }
</style>

</html>